* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background-color: #f7f7f7;
    opacity: 0; 
    transition: opacity 0.2s
}
body.active {
    opacity: 1
}
p {
    margin: 0;
    word-wrap:break-word; 
}
a{
    text-decoration: none;
    color: black;
}
//顶端部分
.iot_userUp{
    position: fixed;
    top: 0;
    width: 10rem;
    height: 5.5769rem;
    background-image: url(../icons/logo/center_bg.png);
    background-size:contain;
    .iot_userLogon{
        padding: .2308rem .4231rem;
        display: flex;
        align-items: center;
        color: white;
        div{
            display: flex;
            flex-direction: column;
            margin-left: .1923rem;
        }
        div p:nth-child(1){
            font-size: .4808rem;
        }
        div p:nth-child(2){
            font-size: .3462rem;
        }
    }
    .iot_userLogon::before{
        position: relative;
        content: '';
        display: inline-block;
        width: 1.6923rem;
        height: 1.6923rem;
        border-radius: .8462rem;
        background-color: #d9d9d9;
        background-image: url(../icons/logo/headSculpture.png);
        background-size: cover;
    }
    .iot_userLogon::after{
        content: '设置';
        font-size: .4808rem;
        position: absolute;
        top: 1.0577rem;
        right: .4231rem;
        transform: translate(0,-50%);
    }
    .iot_userNav{
        position: fixed;
        width: 9.5rem;
        height: 3.1538rem;
        margin: 0 .25rem;
        background-color: #fff;
        top: 2.5rem;
        border-radius: .0962rem;
        box-shadow: 0 .08rem .08rem 0 rgba(0,0,0,0.1);
        .iot_userOrder{
            padding: .4615rem .3846rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .iot_userOrder span:nth-child(1){
            font-size: .4808rem;
        }
        .iot_userOrder span:nth-child(2){
            font-size: .3846rem;
            color: #999999;
        }
        .iot_userOrder span:nth-child(2)::after {
            content:'';
            display: inline-block;
            width: .2rem;
            height: .2rem;
            border-top: .02rem solid #999999;
            border-right: .02rem solid #999999;
            transform: rotate(45deg);
        }
        .iot_userOptions{
            display: flex;
            justify-content: space-evenly;
            font-size: .3462rem;
            div {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            img{
                width: .7692rem;
                height: .7692rem;
        }
        }
    }
}
// 猜你喜欢
.iot_title{
    margin-top: 5.5769rem;
}